<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
 <head>
  <title>Floats and overflow</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/overflow/box/001-demo.html"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
  <style type="text/css">
   .container { width: 30em; border: solid fuchsia; }
   .left { float: left; width: 10em; height: 1em; border: solid orange; } 
   .right { float: right; width: 10em; height: 1em; border: solid blue; }
   .overflow { overflow: scroll; border: solid green; }
  </style>
 </head>
 <body>
  <div>
   <div class="left"></div>
   <div class="right"></div>
   <div class="overflow"> filler text filler text filler text filler
   text filler text filler text filler text filler text filler text
   filler text filler text filler text filler text filler text filler
   text filler text filler text filler text filler text filler text
   filler text filler text filler text filler text </div>
  </div>
 </body>
</html>